<template>
  <div class="main">
    <qrcode-vue :value="props.qrcodeUrl" :size="200" level="H" />
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
import QrcodeVue from 'qrcode.vue';

const props = defineProps({
  qrcodeUrl: {
    type: String,
    default: '',
  },
});
</script>

<style scoped>
.main {
  text-align: center;
}

.description {
  font-size: 13px;
  color: #bdbdbd;
}
</style>
